A Tale of Four Properties

There are some values in CSS that allow you to create shapes. For example, you can use the clip-path property and the circle() function to clip and element in a circle of your liking. A circle is a "basic shape" in CSS, just as it is in SVG, and you can use these basic shapes as values for a number of CSS properties. Basic shapes don't include "path" though, which is the ultimate vector defining syntax. In a strange twist, path() does exist in CSS, in places that don't support basic shapes! In other words, it’s complicated. In this session Chris will show you how to carefully navigate this minefield.